<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin: 0; padding: 0;}
			ul{width: 940px; margin: 50px auto; list-style: none; }
			ul li{float: left;}
			a:link,a:visited{display:block;width:227px;font-weight:bold;color:#FFFFFF;background-color:cornflowerblue ;text-align:center;padding:4px;text-decoration:none;}
			a:hover,a:active{background-color:#cc0000;}
		</style>
	</head>
	<body>
		
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">新闻</a></li>
			<li><a href="#">联系</a></li>
			<li><a href="#">关于</a></li>
		</ul>
		
	</body>
</html>
